@charset "utf-8";
/* CSS Document */

/* 小组背景 */
/* .group_page { position:relative; background:#F3F4F5 url(../del/group_bg.jpg) center top no-repeat;} */
.group_page { position:relative; background-color:#F3F4F5;}

/* 全屏幻灯片背景*/
#headerimgs { position:absolute; top:0; width:100%; height:400px; z-index:-100; background:#CBCED1;}
.headerimg { position:absolute; background-position:center top; background-repeat:no-repeat; width:100%; height:400px;}
#headernav-outer { position:absolute; top:200px; width:100%;}
#headernav {}
#headernav .btn { position:absolute; height:37px; width:27px; cursor:pointer; opacity:0.2;filter:alpha(opacity=20);}
#headernav #back { left:27px; top:0; background:url(button.png) -235px -70px no-repeat; }
#headernav #next { right:27px; top:0; background:url(button.png) -262px -70px no-repeat; }

/* 内容区 */
#content { text-align:center;}
	.header_group_name { height:40px; padding:40px 0 20px 20px; font-size:30px; line-height:40px;}
	.group_index_name { padding:91px 0 91px 20px;}
	.header_group_name a { color:#fff;text-shadow:0 0 3px black;}
		.header_group_name a:hover { text-decoration:none;}
	.group_title { position:relative; height:40px; background:url(ba_menu.png) repeat-x;}
		.group_title .group_level_info { float:left; height:16px; padding:12px 0 0 20px;}
			.group_title .group_level { float:left; width:51px; height:14px; margin:1px 10px 1px 0; background:url(group_level.png) no-repeat; line-height:14px;}
			.group_title .gourp_grows_bar { position:relative; float:left; width:120px; margin:2px 0 1px 0; height:13px; background:url(button.png) 0 -160px; font-size:10px; line-height:13px; opacity:0.7;filter:alpha(opacity=70);}
			.group_title .gourp_grows_bar i { position:absolute; z-index:1; left:0; top:0; display:block; height:13px; background:url(button.png) 0 -173px;}
			.group_title .gourp_grows_bar span { position:absolute; z-index:2; left:5px; top:0; height:13px; color:#ccc;}
			.group_title .group_level_info em { font-weight:bold; color:#f60;}
		.group_sort { float:left; padding:10px 0 0 20px; height:16px; line-height:16px; color:#fff;}
		.group_info_mini { position:absolute; right:20px; top:-46px;}
			.group_info_mini .group_avatar { float:right; width:110px; height:110px; padding:2px; border:1px solid #CACACA; background:#fff;}
				.group_info_mini .group_state { float:right; padding:56px 10px 0 0; height:16px; line-height:16px; color:#fff;}
				.group_info_mini .group_state a { color:#fff;}
		
	.group_nav { height:40px; background:url(ba_menu.png) 0 -50px repeat-x;}
		.group_nav ul { float:left; height:40px; border-right:1px solid #f2f2f2;}
		.group_nav li { float:left; height:40px;}
		.group_nav li a { float:left; height:16px; padding:11px 25px 12px 25px; line-height:16px; font-size:14px; border-left:1px solid #f2f2f2; border-right:1px solid #D2D2D2; color:#333;}
		.group_nav li a.current { padding:11px 25px 13px 25px; background:#fff;}
		.group_nav li a:hover { background:#f2f2f2; text-decoration:none; color:#000;}
		.group_nav li a.current:hover { background:#fff;}
		
	.main_wrapper { background:#fff;}
	.main { float:left; width:675px; padding:20px 0 20px 20px; }
	.side { position:relative; float:right; width:245px; padding-right:20px; padding-bottom:20px;}
	.side_wrapper { position:absolute; top:-123px; width:245px;}
	
	.side_ad { padding-top:20px;}
	
	.title { height:30px;}
	.title h2 { float:left; height:20px; padding:0 0 10px 0; line-height:20px; font-size:14px;}
		.title h2 span { font-weight:normal; color:#999;}
	.title .tab { float:left;}
	.title .tab li { float:left; padding-right:5px;}
	.title .tab li a { float:left; height:20px; padding:5px 25px; background:#F3F3F3; line-height:20px; font-size:14px; color:#666;}
	.title .tab li a:hover { color:#000; background:#D5D5D5; text-decoration:none;}
	.title .tab li a.current { border-bottom:2px solid #C7C7C7; padding:5px 25px 3px 25px; background:#D5D5D5; color:#000;}
	.title .tab li a.current:hover { border-bottom:2px solid #C7C7C7; padding:5px 25px 3px 25px; background:#D5D5D5; color:#000; text-decoration:none;}
	.title .tab li.button_link a { background:#40A4DE; color:#fff;}
	.title .tab li.button_link a:hover { color:#fff; background:#2287C4;}
	.title .my_tab { float:right; padding-right:0;}
		.title .my_tab li { padding-left:5px; padding-right:0;}
	.title .more { float:right; height:20px; padding:0 0 5px 0; line-height:20px;}
	.title .more_position { padding:5px 0;}
	.title .sort { float:right; padding:5px 0 0 0; line-height:20px; color:#999;}
		.title .sort a { color:#666;}
		.title .sort span { color:#000;}
	.h_event {}
		.h_event .title { height:38px; background:url(event_title.gif) 0 35px repeat-x;}
		.h_event_box { border:1px solid #D9D9D9; border-top:0;}
		.event_info { float:left; width:430px; padding-left:13px;}
			.event_name { height:20px; padding:12px 0 0 0; line-height:20px; font-size:14px; overflow:hidden;}
			.event_add { height:16px; padding:5px 0 0 0; line-height:16px; color:#666; overflow:hidden;}
			.event_people { height:40px; padding:10px 0 0 0;}
				.event_people li { float:left; height:40px; padding-right:5px;}
				.event_people li.join_num { width:40px; background:#EFEFEF; padding-right:0; text-align:center;}
				.event_people li.join_num a { display:block; height:16px; padding-top:4px; font-size:16px; color:#f30; font-weight:bold; line-height:16px;}
				.event_people li.join_num span { display:block; height:20px; color:#666;}
			.event_join { height:24px; padding:10px 0 15px 0;}
				.event_join a { float:left; width:81px; height:24px; background:url(button.png) no-repeat;}
				.event_join span { float:left; padding:4px 0 4px 10px; height:16px; line-height:16px;}
		.event_info_more { float:left; width:200px; height:152px; padding:0 15px; background:#EFEFEF;}
			.event_pay { height:20px; padding:12px 0 5px 0; border-bottom:1px dotted #C1C1C1; line-height:20px; font-size:12px;}
			.event_intro { height:60px; margin:5px 0; line-height:20px; color:#666; overflow:hidden;}
			.event_view { height:20px; padding-top:6px; border-top:1px dotted #C1C1C1; line-height:20px;}
	.h_photo { padding-top:16px;}
		.h_photo_list { height:160px;}
		.h_photo_list li { position:relative; float:left; width:160px; height:160px; padding-right:11px;}
		.h_photo_list li.end { padding-right:0;}
		.h_photo_list li .mask { position:absolute; z-index:1; left:0; bottom:0; width:160px; height:26px; background:#000; opacity:0.5;filter:alpha(opacity=50);}
		.h_photo_list li .photo_name { position:absolute; z-index:2; left:0; bottom:0; width:140px; height:16px; padding:5px 10px; line-height:16px; color:#fff;}
	.h_groupfeed { padding-top:20px;}
		.title .ba_slogan { float:left; width:177px; height:30px; margin-left:5px; background:url(ba_logo.png) -145px 0 no-repeat;}
		.groupfeed_send { padding-bottom:10px; border-bottom:1px solid #D9D9D9; padding-top:10px;}
			.groupfeed_send .text_input { height:88px; padding:1px; border:1px solid #ccc; border-radius:3px; box-shadow:1px 1px 1px 0 #EAEAEA inset;}
			.groupfeed_send .input_detail { width:661px; height:78px; padding:5px; border:0; font-size:14px; word-wrap:break-word; line-height:18px; overflow-y:auto; overflow-x:hidden; outline:medium none;}
			.groupfeed_send .send_func { height:30px; padding-top:5px;}
				.groupfeed_send .media_list { float:left;}
					.groupfeed_send .emotion { float:left; padding:5px 5px 5px 0;}
					.groupfeed_send .emotion .icon { background-position: -40px 0;}
					.groupfeed_send .picture { float:left; padding:5px 5px 5px 0;}
					.groupfeed_send .picture .icon { background-position: -40px -20px;}
					.groupfeed_send .video { float:left; padding:5px 5px 5px 0;}
					.groupfeed_send .video .icon { background-position: -40px -40px;}
					.groupfeed_send .music { float:left; padding:5px 5px 5px 0;}
					.groupfeed_send .music .icon { background-position: -40px -60px;}
				.groupfeed_send .send { float:right;}
				.groupfeed_send .send a { float:left; width:82px; height:30px; background:url(button.png) 0 -35px no-repeat}
		.groupfeed_detail { padding:17px 0 20px 0; border-bottom:1px solid #D9D9D9;}
		.groupfeed_detail .face { float:left; width:50px; padding-top:3px;}
		.groupfeed_detail .detail { margin-left:65px;}
			.groupfeed_detail .author { height:20px; font-size:14px; line-height:20px; font-weight:bold;}
			.groupfeed_detail .text { padding:5px 0; font-size:14px; line-height:23px;}
			.groupfeed_detail .func {}
			.groupfeed_detail .handle { float:right;}
			.groupfeed_detail .from a { color:#999;}
			.groupfeed_detail .media_preview { padding-bottom:10px;}
			.groupfeed_detail .media_expand { position:relative; padding:10px 20px; margin:5px 0 10px; border:1px solid #D9D9D9; border-radius:3px; background:#F3F3F3; }
				.groupfeed_detail .media_expand .arrow { left:20px;}
				.groupfeed_detail .media_expand .author { font-size:12px;}
				.groupfeed_detail .media_expand .author a { color:#000;}
				.groupfeed_detail .media_expand .text { font-size:12px;}
				.groupfeed_detail .media_expand .func a { color:#999;}
			
	.group_info {}
		.group_info .group_avatar { width:160px; height:160px; margin:0 auto; padding:3px; border:1px solid #CACACA; background:#fff;}
		.group_info .group_detail { position:relative; margin-top:10px; padding:8px 10px; border:1px solid #D9D9D9; background:#F3F4F5;}
			.group_info .group_detail .arrow { left:110px;}
			.group_info .group_name_full { padding-bottom:8px; border-bottom:1px dotted #C1C1C1; line-height:20px;}
			.group_info .group_level_info { height:16px; padding:8px 0 0 0; color:#666;}
				.group_info .group_level { float:left; width:51px; height:14px; margin:1px 10px 1px 0; background:url(group_level.png) no-repeat; line-height:14px;}
				.group_info .gourp_grows_bar { position:relative; float:left; width:160px; height:16px; background:#ccc; font-size:11px; line-height:16px;}
				.group_info .gourp_grows_bar i { position:absolute; z-index:1; left:0; top:0; display:block; height:16px; background:#287A9D;}
				.group_info .gourp_grows_bar span { position:absolute; z-index:2; left:5px; top:0; font-size:11px; line-height:16px; color:#fff;}
				.group_info .group_level_info em { font-weight:bold; color:#f60;}
			.group_info .group_state { padding:8px 0; height:16px; line-height:16px;}
			.group_info .group_intro { padding-top:5px; border-top:1px dotted #C1C1C1; line-height:20px; color:#666;}
			
	.member_info { height:50px; padding-top:20px;}
		.member_info .face { float:left; width:50px;}
		.member_info .detail { height:50px; margin-left:50px; padding:0 10px; background:#F3F4F5;}
			.member_info .name { padding:7px 0 5px 0; height:16px; line-height:16px;}
			.member_info .member_level { float:right; width:74px; height:14px; margin:1px 0 1px 0; background:url(member_level.png) no-repeat; line-height:14px;}
			.member_grows_bar { position:relative; width:175px; height:13px; margin:2px 01px 0; background:url(button.png) -130px -160px; font-size:10px; line-height:13px;}
				.member_grows_bar i { position:absolute; z-index:1; left:0; top:0; display:block; height:13px; background:url(button.png) -130px -173px;}
				.member_grows_bar span { position:absolute; z-index:2; left:5px; top:0; height:13px; color:#fff;}
				
	.group_member { padding-top:20px;}
		.group_member_box li { height:50px; margin-bottom:8px;}
			.group_member_box .admin { float:right; width:20px; height:44px; padding-top:6px; background:#f60; line-height:18px; text-align:center; color:#fff;}
			.group_member_box .second_admin { float:right; width:20px; height:44px; padding-top:6px; background:#A1A1A1; line-height:18px; text-align:center; color:#fff;}
			.group_member_box .coach { float:right; width:20px; height:44px; padding-top:6px; background:#43B2EF; line-height:18px; text-align:center; color:#fff;}
			.group_member_box .face { float:left; width:50px;}
			.group_member_box .detail { height:47px; margin-left:50px; padding:3px 10px 0 10px; background:#F3F4F5; color:#999;}
				.group_member_box .name { line-height:22px;}
				.group_member_box .likes { line-height:20px;}
				.group_member_box a { color:#666;}
			
	.group_sort_list { padding-top:10px;}
		.group_sort_list_box li { height:30px; margin-bottom:5px; background:#F3F4F5; line-height:30px; overflow:hidden;}
			.group_sort_list_box li a { color:#666;}
			.group_sort_list_box li.this_gourp { text-align:center;}
				.group_sort_list_box li.this_gourp em { color:#f60; font-weight:bold;}
			.group_sort_list_box .num { float:right; width:20px; height:30px; background:#A1A1A1; line-height:30px; text-align:center; color:#fff;}
			.group_sort_list_box .num1 { background:#f30;}
			.group_sort_list_box .num2 { background:#f60;}
			.group_sort_list_box .num3 { background:#f90;}
			.group_sort_list_box img { float:left; margin-right:5px;}
			
	.my_group { padding-top:13px;}
		.my_group_box li { float:left; width:50px; height:50px; padding:0 15px 10px 0;}
		.my_group_box li.row_end { padding-right:0;}

.mod_box { padding:20px;}
.creat_link { padding-top:20px;}
.creat_link a { display:block; height:26px; padding:8px 0; background:#40A4DE; line-height:26px; font-size:14px; text-align:center; color:#fff;}
.creat_link a:hover { color:#fff; background:#2287C4; text-decoration:none;}

/*相册页*/

.img_mode { width:940px;}
	.img_mode .item_list { position:relative;}
		.img_mode .item { width:226px; margin:10px 0 0 0; background:#f8f8f8; border:1px solid #ddd; overflow:hidden;}
		.img_mode .pic { margin:0 auto; position:relative;}
		.img_mode .pic a { display:block;}
		.img_mode .likeit_btn { display:none; position:absolute; top:5px; right:8px;}
		.img_mode .likeit_btn a { display:block; height:20px; width:20px; background-position:-60px -120px;}
		.img_mode .likeit_btn a:hover { background-position:-60px -140px;}
		.img_mode .intro { padding:8px 10px; color:#666; line-height:20px;}
		.img_mode .alumb_name { height:20px; padding:5px 10px; color:#666; line-height:20px;}
		.img_mode .state { height:20px; border-top:1px solid #ddd; padding:5px 5px 5px 6px; background:#f0f0f0;}
			.img_mode .state div { float:left; padding-right:8px;}
			.img_mode .state a { float:left; height:20px; line-height:20px; color:#999;}
			.img_mode .state a .icon { float:left;}
			.img_mode .state a:hover { color:#09c; text-decoration:none;}
			.img_mode .forward a .icon { float:left; background-position:-60px -80px;}
			.img_mode .forward a:hover .icon { background-position:-60px -100px;}
			.img_mode .comment a .icon { float:left; background-position:-60px -40px;}
			.img_mode .comment a:hover .icon { float:left; background-position:-60px -60px;}
			.img_mode .like a .icon { float:left; background-position:-60px 0;}
			.img_mode .like a:hover .icon { background-position:-60px -20px;}
		.img_mode .author { height:25px; padding:8px 10px; border-top:1px solid #ddd; line-height:25px; overflow:hidden;}
			.img_mode .author img { float:left; padding-right:5px;}
			.img_mode .author a { color:#666;}
				.img_mode .author a span { color:#999;}
			.img_mode .author a:hover { color:#09c; text-decoration:none;}
			
.alumb_mode { width:940px;}
	.alumb_mode .item { float:left; width:226px; margin:10px 9px 0 0; background:#f8f8f8; border:1px solid #ddd; overflow:hidden;}
	.alumb_mode .row_end { float:right; margin-right:0;}
		.alumb_mode .pic { margin:0 auto; padding:8px 8px 0 8px;}
		.alumb_mode .pic a { display:block;}
		.alumb_mode .alumb_name { height:20px; padding:8px 10px 10px 8px; font-size:14px; color:#999; line-height:20px;}
		.alumb_mode .state { height:20px; border-top:1px solid #ddd; padding:5px 5px 5px 6px; background:#f0f0f0;}
			.alumb_mode .state div { float:left; padding-right:8px;}
			.alumb_mode .state a { float:left; height:20px; line-height:20px; color:#999;}
			.alumb_mode .state a .icon { float:left;}
			.alumb_mode .state a:hover { color:#09c; text-decoration:none;}
			.alumb_mode .forward a .icon { float:left; background-position:-60px -80px;}
			.alumb_mode .forward a:hover .icon { background-position:-60px -100px;}
			.alumb_mode .comment a .icon { float:left; background-position:-60px -40px;}
			.alumb_mode .comment a:hover .icon { float:left; background-position:-60px -60px;}
			.alumb_mode .like a .icon { float:left; background-position:-60px 0;}
			.alumb_mode .like a:hover .icon { background-position:-60px -20px;}

.upload_photo {}
.upload_photo .title h2 { font-size:16px;}
.upload_photo_form { border-top:1px solid #ddd;}	
	.upload_photo_form .item { height:38px; padding:10px 0 0 0;}
	.upload_photo_form .alumb_item { padding-top:12px;}
	.upload_photo_form .editer_item { padding-top:0; height:446px;}
	.upload_photo_form .other_way_item { color:#666;}
	.upload_photo_form p { float:left; margin-right:10px; padding-top:8px; line-height:18px;}
	.upload_photo_form span { float:left; width:80px; height:18px; padding:6px 0; line-height:18px; font-size:14px; text-align:left;}
	.upload_photo_form .txt { float:left; width:577px; height:30px; padding:3px; border:1px solid #CFCFCF; line-height:30px; font-size:14px;}
	.upload_photo_form .btn { float:left; height:40px; padding:0 30px; border:0; background:#40A4DE; color:#fff; font-size:16px; cursor:pointer;}
	.upload_photo_form .pic_editer { width:938px; border:1px solid #E4E4E4; margin-top:6px; background:#f3f4f5;}
		.upload_photo_form .upload_btn { height:25px; padding:10px;}
			.upload_photo_form .upload_btn a { float:left; height:17px; padding:4px 15px; background:#40A4DE; color:#fff; line-height:17px;}
			.upload_photo_form .upload_btn a:hover { color:#fff; background:#2287C4; text-decoration:none;}
			.upload_photo_form .upload_btn a.finish_upload { background:#6CBC01;}
			.upload_photo_form .upload_btn a.finish_upload:hover { background:#549201;}
			.upload_photo_form .upload_btn i { float:left; height:17px; padding:4px 0 0 10px; line-height:17px; color:#999;}
		.upload_photo_form .pic_list { background:#fff;}
			.upload_photo_form .upload_btn_big { padding-top:180px; text-align:center;}
			.upload_photo_form .upload_btn_big a { display:block; width:180px; height:20px; margin:0 auto; padding:10px 0; background:#40A4DE; font-size:16px; color:#fff; line-height:17px;}
			.upload_photo_form .upload_btn_big a:hover { color:#fff; background:#2287C4; text-decoration:none;}
			.upload_photo_form .pic_list li { position:relative; float:left; width:170px; padding:2px; margin:10px 0 0 10px; background:#f3f4f5;}
			.upload_photo_form .pic_list li a.delete { position:absolute; right:8px; top:8px; display:block; width:20px; height:20px; background:url(button.png) -320px -36px no-repeat;}
			.upload_photo_form .pic_list li a.delete:hover { background-position:-350px -36px;}
			.upload_photo_form .pic_list li .pic_txt { padding:2px 0 0 0; text-align:center; overflow:hidden;}
			.upload_photo_form .pic_list li .pic_txt input { width:164px; height:23px; padding:0 3px; border:0; background:#fff; line-height:23px;}
		
		.uploadify-queue { padding:10px 10px 20px 10px; background:#fff;}
		.uploadify-queue:after { content:'\20'; display:block; height:0; clear:both;}
        .uploadify-queue { *zoom:1;}
		.uploadpic_item { position:relative; float:left; width:170px; padding:2px; margin:10px 0 0 10px; background:#f3f4f5;}
		    .uploadpic_item .pic {}
		    .uploadpic_item .pic img { width:170px; height:210px;}
		    .uploadpic_item .pic_txt { padding:2px 0 0 0; text-align:center; overflow:hidden;}
		    .uploadpic_item .pic_txt input { width:164px; height:23px; padding:0 3px; border:0; background:#fff; line-height:23px;}

.breadcrumb h2 { padding:5px 0; color:#999; font-weight:normal;}
.breadcrumb .alumb_title { float:left;}	
.breadcrumb .state { float:left; padding-left:15px;}
.pic_view_title .state { float:right; padding-top:5px;}
	.breadcrumb .state div { float:left; padding-right:8px;}
	.breadcrumb .state a { float:left; height:20px; line-height:20px; color:#999;}
	.breadcrumb .state a .icon { float:left;}
	.breadcrumb .state a:hover { color:#09c; text-decoration:none;}
	.breadcrumb .forward a .icon { float:left; background-position:-60px -80px;}
	.breadcrumb .forward a:hover .icon { background-position:-60px -100px;}
	.breadcrumb .comment a .icon { float:left; background-position:-60px -40px;}
	.breadcrumb .comment a:hover .icon { float:left; background-position:-60px -60px;}
	.breadcrumb .like a .icon { float:left; background-position:-60px 0;}
	.breadcrumb .like a:hover .icon { background-position:-60px -20px;}
	
.alumb_img_list {}
	.alumb_img_list li { position:relative; float:left; width:226px; margin:10px 11px 0 0; overflow:hidden;}
	.alumb_img_list li.row_end { float:right; margin-right:0;}
	.alumb_img_list li .mask { position:absolute; z-index:1; left:0; bottom:0; width:226px; height:26px; background:#000; opacity:0.5;filter:alpha(opacity=50);}
	.alumb_img_list li .author_name { position:absolute; z-index:2; left:0; bottom:0; width:216px; height:20px; padding:3px 5px; line-height:19px; color:#fff;}
	.alumb_img_list li .author_name .icon { float:left; background-position:-20px -40px;}
	
.alumb_img_list_main { padding-top:0;}

.alumb_post_topic { padding-bottom:10px; border-bottom:1px solid #ddd;}
.alumb_post_topic_form {}	
	.alumb_post_topic_form .item { padding:0 0 10px 0; text-align:right;}
	.alumb_post_topic_form textarea { width:667px; height:60px; padding:3px; border:1px solid #CFCFCF; font-size:14px;}
	.alumb_post_topic_form .btn { padding:3px 10px; border:0; background:#40A4DE; line-height:20px; color:#fff; cursor:pointer;}

.alumb_comment {}
	.alumb_comment_item { padding:10px 0; border-bottom:1px solid #ddd;}
	.alumb_comment_item:after { content:'\20'; display:block; height:0; clear:both;}
	.alumb_comment_item { *zoom:1;}
		.alumb_comment_item .author { float:left; width:50px; padding-top:3px; text-align:center;}
		.alumb_comment_item .article_wrap { float:left; width:615px; padding-left:10px;}
			.alumb_comment_item .article { font-size:14px; line-height:24px; word-wrap:break-word;}
			.alumb_comment_item .article img { margin-top:8px;}
			.alumb_comment_item .artcile_bar { padding-top:10px; line-height:18px; text-align:right; color:#999;}
			.alumb_comment_item .comment_list { position:relative; margin:10px 0 10px 20px; padding:8px 15px 15px 15px; border:1px solid #E8EAEC; background:#f3f4f5;}
				.alumb_comment_item .comment_list .arrow { position:absolute; top:-7px; left:565px; background-position:-20px 0;}
				.alumb_comment_item .comment_list li { padding:10px 0; border-bottom:1px dotted #e0e0e0;}
				.alumb_comment_item .comment_list li:after { content:'\20'; display:block; height:0; clear:both;}
				.alumb_comment_item .comment_list li { *zoom:1;}
					.alumb_comment_item .comment_list .face { float:left; width:30px; padding-top:3px;}
					.alumb_comment_item .comment_list .say { margin-left:40px;}
					.alumb_comment_item .comment_list .name { height:18px; color:#999; line-height:18px;}
					.alumb_comment_item .comment_list .detail { padding-top:3px; line-height:20px; color:#666;}
					.alumb_comment_item .comment_list .add_comment_link { height:20px; padding-top:3px; line-height:20px; text-align:right;}
					.alumb_comment_item .comment_list .add_comment {}
					.alumb_comment_item .comment_list .add_comment .item { padding-top:5px; text-align:right;}
					.alumb_comment_item .comment_list .add_comment textarea { border:1px solid #ccc; background:#fff; width:560px; height:60px;}
					.alumb_comment_item .comment_list .add_comment .btn { padding:3px 10px; border:0; background:#40A4DE; color:#fff; cursor:pointer;}
					
.alumb_info {}
	.alumb_info .detail { padding:8px 10px; background:#f3f4f5; color:#666; line-height:24px;}
	.alumb_info .info { padding-bottom:5px; border-bottom:1px solid #ddd;}
	.alumb_info .state { height:20px; padding-top:5px; line-height:20px;}
		.alumb_info .state div { float:left; padding-right:8px;}
		.alumb_info .state a { float:left; height:20px; line-height:20px; color:#999;}
		.alumb_info .state a .icon { float:left;}
		.alumb_info .state a:hover { color:#09c; text-decoration:none;}
		.alumb_info .forward a .icon { float:left; background-position:-60px -80px;}
		.alumb_info .forward a:hover .icon { background-position:-60px -100px;}
		.alumb_info .comment a .icon { float:left; background-position:-60px -40px;}
		.alumb_info .comment a:hover .icon { float:left; background-position:-60px -60px;}
		.alumb_info .like a .icon { float:left; background-position:-60px 0;}
		.alumb_info .like a:hover .icon { background-position:-60px -20px;}
		
.pic_view { position:relative; margin-top:5px; padding:20px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
	.pic_view .pre { position:absolute; left:-40px; top:273px; width:40px; height:40px; background:url(arrow-prev.png) no-repeat; opacity:0.7;filter:alpha(opacity=70);}
	.pic_view .next { position:absolute; right:-40px; top:273px; width:40px; height:40px; background:url(arrow-next.png) no-repeat; opacity:0.7;filter:alpha(opacity=70);}
	.pic_view a.pre:hover { opacity:1;filter:alpha(opacity=100);}
	.pic_view a.next:hover { opacity:1;filter:alpha(opacity=100);}
	.pic_view .pic { padding-bottom:20px; text-align:center;}
	.pic_view .pic img { margin:0 auto;}
	.pic_view .info { border-top:1px dotted #ddd; padding-top:15px;}
	.pic_view .author { height:20px; color:#999;}
		.pic_view .name { float:left; line-height:20px;}
	.pic_view .state { float:right; height:20px; line-height:20px;}
		.pic_view .state div { float:left; padding-right:8px;}
		.pic_view .state a { float:left; height:20px; line-height:20px; color:#999;}
		.pic_view .state a .icon { float:left;}
		.pic_view .state a:hover { color:#09c; text-decoration:none;}
		.pic_view .forward a .icon { float:left; background-position:-60px -80px;}
		.pic_view .forward a:hover .icon { background-position:-60px -100px;}
		.pic_view .comment a .icon { float:left; background-position:-60px -40px;}
		.pic_view .comment a:hover .icon { float:left; background-position:-60px -60px;}
		.pic_view .like a .icon { float:left; background-position:-60px 0;}
		.pic_view .like a:hover .icon { background-position:-60px -20px;}
	.pic_view .detail { padding-top:5px; line-height:24px; color:#666;}
	
.alumb_pic_list {}
	.alumb_pic_list a { float:left; padding:1px; border:1px solid #fff; width:75px; height:75px; margin:0 2px 2px 0;}
	.alumb_pic_list a.current { border:1px solid #f60;}

/* 讨论页*/
.filter_bar { height:25px; padding:8px 10px; border-bottom:1px solid #ddd; background:#f3f3f5; line-height:22px; color:#999;}
	.filter_bar a { color:#666;}
	.filter_bar span { color:#000;}
	.filter_bar .filter { float:left;}
	.filter_bar .search { float:right;}
	.filter_bar .search .txt { float:left; width:180px; height:23px; border:1px solid #CFCFCF; line-height:23px;}
	.filter_bar .search .btn { float:left; height:25px; padding:0 10px; border:0; background:#40A4DE; line-height:23px; text-align:center; color:#fff; cursor:pointer;}
	
.topic_list {}
	.topic_list li:after { content:'\20'; display:block; height:0; clear:both;}
	.topic_list li { *zoom:1; padding:15px 0; border-bottom:1px solid #ddd;}
	.topic_list .num_box { float:left; width:55px; padding-right:10px;}
	.topic_list .num { width:55px; height:19px; background:url(button.png) -251px -35px no-repeat;}
		.topic_list .num .icon { float:left; height:19px; background-position:-20px -60px;}
	.topic_list .detail { float:left; width:435px;}
		.topic_list .topic_title { width:400px; height:20px; line-height:20px; font-size:14px; overflow:hidden;}
		.topic_list .topic_title a { float:left;}
		.topic_list .topic_title i.top { float:left; width:31px; margin-left:8px; background-position:-80px -20px;}
		.topic_list .topic_title i.ask { float:left; background-position:-80px -40px;}
		.topic_list .topic_title i.subject { float:left; background-position:-80px -60px;}
		.topic_list .intro { width:400px; padding-top:5px; color:#666; line-height:20px;}
		.topic_list .pic { height:80px; padding-top:8px;}
		.topic_list .pic img { float:left; margin-right:6px;}
	.topic_list .state { float:left; width:175px; color:#999;}
	.topic_list .author { height:20px; line-height:20px;}
		.topic_list .author .name { float:left; height:20px;}
		.topic_list .author .name i.icon { float:left; background-position:-20px -40px;}
		.topic_list .author .time { float:right;}
	.topic_list .replyer { height:20px; padding-top:5px; line-height:20px;}
		.topic_list .replyer a { color:#999;}
		.topic_list .replyer .name { float:left; height:20px;}
		.topic_list .replyer .name i.icon { float:left; background-position:-20px -60px;}
		.topic_list .replyer .time { float:right;}
	
.my_topic { height:30px; padding-top:5px;}
	.my_topic li { float:left; width:120px; height:30px; margin-right:5px;}
	.my_topic li.end { margin-right:0;}
	.my_topic li a { float:left; width:120px; height:20px; padding:5px 0; background:#F3F4F5; text-align:center; color:#333;}
	.my_topic li a:hover { color:#000; background:#D5D5D5; text-decoration:none;}
	
.hot_topic { padding-top:20px;}
	.hot_topic .title { height:25px; border-bottom:1px dotted #ddd;}
		.hot_topic .title h2 { padding-bottom:5px;}
	.hot_topic_list li { height:20px; padding:5px 0 5px 10px; border-bottom:1px dotted #ddd; background:url(icon.png) -20px -185px no-repeat; line-height:20px; overflow:hidden;}
		.hot_topic_list .num { float:right; height:20px; padding-left:8px; line-height:20px; text-align:right; color:#999;}
		.hot_topic_list img { float:left; margin-right:5px;}
		.hot_topic_list a { color:#666;}

.post_topic { margin-top:20px; padding:20px; background:#f3f4f5;}
.post_topic .title h2 { font-size:16px;}
.post_topic_form { border-top:1px solid #ddd;}	
	.post_topic_form .item { padding:10px 0 0 0;}
	.post_topic_form .item:after { content:'\20'; display:block; height:0; clear:both;}
	.post_topic_form .item { *zoom:1;}
	.post_topic_form .name_item { padding-top:6px;}
	.post_topic_form p { float:left; margin-right:10px; padding-top:8px;}
	.post_topic_form span { float:left; width:50px; height:18px; padding:6px 0; line-height:18px; font-size:14px; text-align:left;}
	.post_topic_form .txt { float:left; width:577px; height:30px; padding:3px; border:1px solid #CFCFCF; line-height:30px; font-size:14px;}
	.post_topic_form .btn { float:left; height:40px; padding:0 30px; border:0; background:#40A4DE; color:#fff; font-size:16px; cursor:pointer;}
	.post_topic_form .fk_editer { float:left; width:563px; height:230px; padding:10px; padding-left:10px; margin-top:6px; border:1px solid #ccc; background:#fff; font-size:14px;}
	.reply_post_topic_form .fk_editer { width:613px;}
	
.topic_view {}
	.topic_view_title { height:20px; padding:11px 0; border-bottom:1px solid #ddd; line-height:19px; color:#999;}
		.topic_view_title .icon { float:left; background-position:-80px -60px;}
		.ask_topic_view .topic_view_title .icon { float:left; background-position:-80px -40px;}
		.ask_topic_view .topic_answer_title .icon { background-position:-80px -80px;}
		.topic_view_title span { float:left; margin-left:5px; font-size:16px; font-weight:bold; color:#000;}
		.topic_view_title .reply { float:right; line-height:19px;}
		.topic_view_title .reply .icon { background-position:-20px -60px;}
		.topic_view_item { padding:20px 0 10px 0; border-bottom:1px solid #ddd;}
		.topic_view_item:after { content:'\20'; display:block; height:0; clear:both;}
		.topic_view_item { *zoom:1;}
			.topic_view_item .author { float:left; width:80px; padding-top:3px; text-align:center;}
				.topic_view_item .author .name { height:20px; padding:5px 0; line-height:20px; overflow:hidden;}
				.topic_view_item .author .level { width:74px; height:14px; margin:0 auto; background:url(member_level.png) no-repeat; line-height:10px;}
			.topic_view_item .article_wrap { float:left; width:575px; padding-left:20px;}
				.topic_view_item .article { min-height:110px; font-size:14px; line-height:24px; word-wrap:break-word;}
				.topic_view_item .ask_article { font-size:14px; line-height:24px; word-wrap:break-word;}
				.topic_view_item .article img { margin-top:8px;}
				.topic_view_item .artcile_bar { padding-top:20px; line-height:18px; text-align:right; color:#999;}
				.topic_view_item .comment_list { position:relative; margin:10px 0 10px 20px; padding:8px 15px 15px 15px; border:1px solid #E8EAEC; background:#f3f4f5;}
					.topic_view_item .comment_list .arrow { position:absolute; top:-7px; left:525px; background-position:-20px 0;}
					.topic_view_item .comment_list li { padding:10px 0; border-bottom:1px dotted #e0e0e0;}
					.topic_view_item .comment_list li:after { content:'\20'; display:block; height:0; clear:both;}
					.topic_view_item .comment_list li { *zoom:1;}
						.topic_view_item .comment_list .face { float:left; width:30px; padding-top:3px;}
						.topic_view_item .comment_list .say { margin-left:40px;}
						.topic_view_item .comment_list .name { height:18px; color:#999; line-height:18px;}
						.topic_view_item .comment_list .detail { padding-top:3px; line-height:20px; color:#666;}
						.topic_view_item .comment_list .add_comment_link { height:20px; padding-top:3px; line-height:20px; text-align:right;}
						.topic_view_item .comment_list .add_comment {}
						.topic_view_item .comment_list .add_comment .item { padding-top:5px; text-align:right;}
						.topic_view_item .comment_list .add_comment textarea { border:1px solid #ccc; background:#fff; width:520px; height:60px;}
						.topic_view_item .comment_list .add_comment .btn { padding:3px 10px; border:0; background:#40A4DE; color:#fff; cursor:pointer;}
				.topic_view_item .answer_form { padding-bottom:10px;}
					.topic_view_item .answer_form .answer_form_title { height:20px; padding-bottom:5px; line-height:19px;}
						.topic_view_item .answer_form .answer_form_title a { float:left;}
						.topic_view_item .answer_form .answer_form_title .icon { float:left; background-position:-20px -120px;}
					.topic_view_item .answer_form .editer_item { height:160px; padding:10px; border:1px solid #ccc;}
					.topic_view_item .answer_form .btn_item { padding-top:8px; text-align:right;}
					.topic_view_item .answer_form .btn { padding:3px 10px; border:0; background:#40A4DE; color:#fff; font-size:14px; cursor:pointer;}
		
/* 成员页 */
.all_member_list {}
	.all_member_list li { float:left; width:460px; height:100px; margin-right:20px; padding:15px 0; border-bottom:1px solid #ddd;}
	.all_member_list li.row_end { margin-right:0;}
		.all_member_list li .face { float:left; width:100px; height:100px;}
		.all_member_list .detail { position:relative; height:100px; margin-left:100px; padding-left:15px; background:#f3f4f5;}
		.all_member_list .follow_link { display:none; position:absolute; right:8px; bottom:8px; height:16px; padding:4px 10px; background:#40A4DE; line-height:16px; color:#fff;}
		.all_member_list a.follow_link:hover { background:#2287C4; text-decoration:none;}
		.all_member_list .info { height:20px; padding:10px 0 0 0; line-height:16px; font-size:14px;}
			.all_member_list .name { float:left; height:16px; margin-right:5px; padding-top:2px;}
			.all_member_list .member_level { float:left; width:24px; height:14px; margin:3px 0 1px 0; background:url(member_level.png) no-repeat; line-height:14px;}
			.all_member_list .info span { float:left; height:16px; margin-right:5px; padding:2px 5px; background:#E2E4E7; font-size:12px;}
			.all_member_list .info .admin { background:#f60; color:#fff;}
			.all_member_list .info .second_admin { background:#A1A1A1; color:#fff;}
			.all_member_list .info .coach { background:#43B2EF; color:#fff;}
		.all_member_list .member_title { height:20px; padding-top:12px; line-height:16px;}
			.all_member_list .member_title .icon { float:left;}
			.all_member_list .member_title .boy { background-position:-40px -80px;}
			.all_member_list .member_title .girl { background-position:-40px -100px;}
			.all_member_list .member_title span { float:left; margin-right:5px; padding:2px 5px; background:#E2E4E7; color:#666;}
		.all_member_list .thisgroup_state { height:16px; padding-top:10px; line-height:16px; color:#999;}
			.all_member_list .thisgroup_state a { color:#999;}
			
/*活动页*/
.event_list { margin-top:11px; border-top:1px solid #ddd;}
	.event_list li { padding:15px 0; border-bottom:1px solid #ddd;}
	.event_list li:after { content:'\20'; display:block; height:0; clear:both;}
	.event_list li { *zoom:1;}
		.event_list .pic { float:left; width:160px;}
		.event_list .detail { margin-left:175px; line-height:25px; color:#666;}
		.event_list .name { height:25px; font-size:14px;}
			.event_list .name span { height:15px; padding:2px 5px; margin:3px 5px 0 0; background:#f60; line-height:15px; color:#fff; font-size:12px;}
		.event_list .this_group .name a { color:#f30;}
		.event_list .time { height:20px; padding:5px 0 3px 0; line-height:16px;}
			.event_list .time span { float:left; padding:2px 0;}
			.event_list .time span.now { padding:2px 5px; margin-left:10px; background:#DFF1FF; color:#59A5DE;}
			.event_list .time span.will { padding:1px 5px; margin-left:10px; border: 1px solid #C3E8C3; background:#F3FFEE; color: #6AAF26;}
		.event_list .author i { color:#999;}
		.event_list .intro { padding:3px 0; line-height:20px; color:#999;}
		.event_list .state { padding-top:3px; color:#333; font-size:14px;}
		
.event_recomment { padding-top:20px;}
	.event_recomment_list li { height:63px; margin-bottom:8px;}
		.event_recomment_list .face { float:left; width:50px;}
		.event_recomment_list .detail { height:63px; margin-left:50px; padding:3px 10px 0 10px; background:#F3F4F5;}
			.event_recomment_list .name { height:20px; line-height:20px;}
			.event_recomment_list .intro { line-height:18px; color:#999;}
			.event_recomment_list a { color:#666;}

.hot_eventer { padding-top:12px;}
	.hot_eventer_list li { height:50px; margin-bottom:8px;}
		.hot_eventer_list .face { float:left; width:50px;}
		.hot_eventer_list .detail { height:45px; margin-left:50px; padding:3px 10px 0 10px; background:#F3F4F5;}
			.hot_eventer_list .name { line-height:22px;}
			.hot_eventer_list .state { line-height:20px; color:#999;}
			.hot_eventer_list a { color:#666;}
			
.creat_event {}
.creat_event .title h2 { font-size:16px;}
.creat_event_form { padding-bottom:20px; border-top:1px solid #ddd;}	
	.creat_event_form .step { padding:10px 0 20px 0; font-size:14px;}
		.creat_event_form .step span { padding-right:20px; color:#999;}
		.creat_event_form .step span.current { color:#666;}
		.creat_event_form .ctg { padding:20px 0 15px 5px; border:1px solid #DDE1E4; background:#f8f8f8;}
			.creat_event_form .cat_list { float:left; width:190px; padding-left:15px;}
				.creat_event_form .cat_list a { float:left; width:78px; height:18px; margin:0 5px 5px 0; padding:5px 0 5px 10px; border:1px solid #E5E5E5; background:url(icon.png) 0 -320px repeat-x; line-height:18px; font-size:14px; color:#000;}
				.creat_event_form .cat_list a:hover { border:1px solid #2288C6; background:#40A4DE; color:#fff; text-decoration:none;}
	.creat_event_form .event_title { height:20px; padding:10px 0 10px 20px; border:1px solid #DDE1E4; border-top:0; background:url(shadow-in.png) no-repeat;}
	.creat_event_form .event_title span { float:left; line-height:20px; color:#666; font-size:14px;}
	.creat_event_form .event_title input { float:left; width:800px; height:16px; padding:2px 0; border:0; font-size:14px; font-weight:bold;}
	.creat_event_form .event_time { margin-top:10px; padding:0 20px; border:1px solid #DDE1E4;}
		.creat_event_form .item { padding:20px 0; border-bottom:1px solid #f2f2f2;}
		.creat_event_form .end_item { border-bottom:0;}
		.creat_event_form .time_icon { float:left; margin:5px 5px 0 0; background-position:0 -390px;}
		.creat_event_form .add_icon { float:left; margin:5px 5px 0 0; background-position:-20px -390px;}
		.creat_event_form .pay_icon { float:left; margin:5px 5px 0 0; background-position:-40px -390px;}
		.creat_event_form .dropset { float:left; position:relative;}
			.creat_event_form .selected { width:100px; height:20px; padding:4px 0; border:1px solid #ccc; border-left:0;}
			.creat_event_form .no_select { height:20px; padding:4px 8px; border:1px solid #ccc; border-left:0; line-height:20px; color:#666;}
			.creat_event_form .input_in { background:url(shadow-in.png) no-repeat;}
				.creat_event_form .no_select .add_input { height:20px; border:0; width:650px; font-size:14px; line-height:20px;}
				.creat_event_form .no_select .short_input { width:120px;}
				.creat_event_form .no_select .no_input { font-size:12px; color:#666;}
			.creat_event_form .the_first { border-left:1px solid #ccc;}
				.creat_event_form .selected span { float:left; padding-left:8px; line-height:20px; font-size:14px;}
				.creat_event_form .selected span.note { font-size:12px; color:#666;}
				.creat_event_form .selected a { float:right; width:20px; height:20px; margin-right:3px; background:url(icon.png) -80px -390px no-repeat; }
				.creat_event_form .selected a.date_icon { background-position:-60px -390px;}
			.creat_event_form .select_list { z-index:9999; position:absolute; left:-1px; top:29px; width:120px; padding:3px; border:1px solid #ccc; background:#fff; box-shadow:1px 1px 5px 1px rgba(0, 0, 0, 0.2);}
				.creat_event_form .time_select_list a { float:left; width:40px; height:20px; padding:3px 10px; line-height:20px; font-size:14px; color:#000;}
				.creat_event_form .time_select_list a:hover { background:#40A4DE; color:#fff; text-decoration:none;}
			.creat_event_form .zone_select_list { width:110px;}
				.creat_event_form .zone_select_list a { display:block; width:90px; height:20px; padding:3px 10px; line-height:20px; font-size:14px; color:#000;}
				.creat_event_form .zone_select_list a:hover { background:#40A4DE; color:#fff; text-decoration:none;}
			.creat_event_form .week_select_list { width:360px; padding:20px;}
				.creat_event_form .week_select_list span { display:inline-block; margin:0 10px 0 0;}
			.creat_event_form .city_select_list { left:0; width:360px; padding:20px;}
				.creat_event_form .city_select_list .hd { height:24px; padding-bottom:10px; border-bottom:1px solid #ddd;}
					.creat_event_form .city_select_list .hd a { float:left; height:18px; margin-right:10px; padding:3px 10px; line-height:18px;}
					.creat_event_form .city_select_list .hd a.on { background:#40A4DE; color:#fff;}
				.creat_event_form .city_select_list .bd { padding:5px 0 0 0;}
					.creat_event_form .city_select_list .bd dl { padding:10px 0; border-bottom:1px solid #eee;}
					.creat_event_form .city_select_list .bd span { display:inline-block; line-height:25px; margin:0 10px 0 0; white-space: nowrap;}					
	.creat_event_form .event_editer { margin-top:10px; padding:20px; border:1px solid #DDE1E4;}
	.creat_event_form .event_pic { padding:18px 0 8px 0; border:1px solid #DDE1E4;}
		.creat_event_form .pic_uploader { position:relative; float:left; width:198px; height:298px; margin:2px 0 12px 20px; border:1px solid #DDE1E4; background:url(event_upload.png);}
			.creat_event_form .pic_uploader div { position:absolute; bottom:0; left:0; width:198px; height:25px; background:#000; text-align:center; opacity:0.6;filter:alpha(opacity=60);}
			.creat_event_form .pic_uploader a { color:#fff; line-height:25px;}
		.creat_event_form .event_pic .or { float:left; width:66px; padding-top:140px; line-height:20px; text-align:center; font-size:14px; color:#666;}
		.creat_event_form .default_pic_list { float:left; width:642px;}
			.creat_event_form .default_pic_list a { float:left; margin:0 6px 6px 0; border:2px solid #fff;}
			.creat_event_form a.pic_selected { border:2px solid #f00;}
	.creat_event_form .event_invite { margin-top:10px; border:1px solid #DDE1E4;}
		.creat_event_form .event_invite .invite_title { float:left; width:107px; height:20px; padding:20px 0 20px 20px; border-right:1px solid #DDE1E4; background:#F8F8F8;}
			.creat_event_form .event_invite .invite_title .invite_icon { float:left; background-position:-100px -390px;}
			.creat_event_form .event_invite .invite_title .txt { float:left; padding-left:5px; line-height:20px; color:#666; font-size:14px;}
		.creat_event_form .invite_list { float:left; width:810px; padding:9px 0 0 0;}
			.creat_event_form .invite_list a { float:left; width:115px; height:40px; margin:0 0 9px 9px; border:1px solid #E5E5E5; background:url(icon.png) 0 -350px repeat-x; font-size:14px; line-height:40px; text-align:center; color:#000; overflow:hidden;}
			.creat_event_form .invite_list a.more { width:30px; margin:0 0 0 9px;}
				.creat_event_form .invite_list a img { float:left; width:40px; margin-right:10px;}
				.creat_event_form .invite_list a span { float:left; width:60px; text-align:left; overflow:hidden;}
				.creat_event_form .invite_list a.more span { width:20px; margin:10px 0 0 5px; background-position:-80px -390px;}
	.creat_event_form .btn_line { padding-top:15px; text-align:center;}
	.creat_event_form .btn { height:40px; margin:0 auto; padding:0 30px; border:0; background:#40A4DE; color:#fff; font-size:16px; cursor:pointer;}

.admin_box { padding-top:10px; line-height:22px;}
	.admin_box a { color:#f60;}